<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>专业管理</title>
    {% load static %}
    <link href="{% static './layui/css/layui.css' %}" rel="stylesheet">
    <script src="{% static './layui/layui.js' %}"></script>
    <script src="https://cdn.bootcdn.net/ajax/libs/jquery/3.6.0/jquery.min.js"></script>
    <style>
        button {
            width: 300px;
        }
    </style>
</head>
<body style="padding: 50px">
  <div class="layui-btn-container">
    <button type="button" class="layui-btn layui-btn-lg layui-btn-danger layui-btn-radius" id="electronic">24电商综合一班</button>
    <button type="button" class="layui-btn layui-btn-lg layui-btn-radius" id="bigdate">22大数据软件开发</button>
    <button type="button" class="layui-btn layui-btn-lg layui-btn-normal layui-btn-radius" id="network">23网络技术</button>
    <button type="button" class="layui-btn layui-btn-lg layui-btn-warm layui-btn-radius" id="preschool">21幼师</button>
  </div>
</body>
<script>
    $('#electronic').click(function () {
        layer.open({
            title: '24电商综合一班课程表',
            type: 2,
            area: ['80%','80%'],
            content: '{% url "xyss_admin:majorTree"%}?major=1'
          });
    })
    $('#bigdate').click(function () {
        layer.open({
            title: '22大数据课程表',
            type: 2,
            area: ['80%','80%'],
            content: '{% url "xyss_admin:majorTree"%}?major=2'
          });
    })
    $('#network').click(function () {
        layer.open({
            title: '22网络技术',
            type: 2,
            area: ['80%','80%'],
            content: '{% url "xyss_admin:majorTree"%}?major=3'
          });
    })
    $('#preschool').click(function () {
        layer.open({
            title: '21幼儿师范课程表',
            type: 2,
            area: ['80%','80%'],
            content: '{% url "xyss_admin:majorTree"%}?major=4'
          });
    })

</script>
</html>